<template>
	<view class="trashService">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="wrap">
			<view class="item">
				<view class="title">
					<view class="name">河南某活性炭有限公司</view>
					<view class="det">获取最低报价 ></view>
				</view>
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
					mode=""></image>
			</view>
			<view class="item">
				<view class="title">
					<view class="name">河南某活性炭有限公司</view>
					<view class="det">获取最低报价 ></view>
				</view>
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
					mode=""></image>
			</view>
		</view>

	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import {
		ref
	} from 'vue'
	let name = "服务"
</script>

<style lang="scss" scoped>
	.trashService {
		width: 100vw;
		height: 100vh;
		padding-top: 160rpx;
		overflow: hidden;

		.title-bgc {
			background: #0874FA;
			height: 160rpx;
			width: 100vw;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
		}

		.wrap {
			height: calc(100vh - 160rpx);
			width: 100vw;
			background-color: #F0F2F5;
			padding-top: 14rpx;
			padding-bottom: 14rpx;
			.item:first-child{
				margin-top: 0rpx !important;
			}
			.item {

				width: 100vw;
				height: 146rpx;
				padding: 30rpx 53rpx 28rpx 62rpx;
				background: #FFFFFF;
				margin-top: 16rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.title {
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;

					.name {

						font-weight: 500;
						font-size: 31rpx;
						color: #000000;

					}

					.det {

						font-weight: 400;
						font-size: 22rpx;
						color: #FA0808;

					}
				}

				image {
					width: 15rpx;
					height: 25rpx;
				}
			}
		}





	}
</style>